<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">

<head>
<title>study01 - helloWorld</title>
</head>

<body>
	<h1>
		Hello : <b th:text="${msg}">信息</b>
	</h1>
	<h2>
		你好 : <b th:text="${name}">姓名</b>
	</h2>
	<p>
		现在年龄：<span th:text="${age}"></span>
	</p>

	<!-- 字符串拼接 -->
	<h2 th:text="'姓名：'+${name}"></h2>

	<!-- 三目运算 -->
	<!-- gt：great than（大于）     ge：great equal（大于等于）         eq：equal（等于）           lt：less than（小于） le：less equal（小于等于）           ne：not equal（不等于） -->
	<input th:value="${age gt 30 ? '中年':'年轻'}" />
	
	
	<!-- if判断 -->
	<!-- 使用th:if做判断，用th:unless做否则的判断 -->
    <b th:text="${name}"></b>：
    <span th:if="${age gt 30}">中年</span>
    <span th:unless="${age gt 30}">年轻</span>
    
    
    <!-- switch选择 -->
    <!-- th:case="*"表示除其他指定值之外的情况。 -->
    <p th:switch="${age}">
	    <p th:case="23">奔三</p>
	    <p th:case="*">其他年龄</p>
	</p>
	
	<!-- each循环 -->
	<table style="width:100%">
	    <tr align="center">
	        <th>网站名称</th>
	        <th>网址</th>
	    </tr>
	    <tr th:each="obj : ${webDtoList}" align="center">
	        <td th:text="${obj.name}">名称</td>
	        <td th:text="${obj.url}">网址</td>
	    </tr>
	</table>
	<hr/>
	
	<!-- 循环中的state（状态对象） -->
	<!-- 
	index：列表状态的序号，从0开始；
	count：列表状态的序号，从1开始；
	size：列表状态，列表数据条数；
	current：列表状态，当前数据对象
	even：列表状态，是否为奇数，boolean类型
	odd：列表状态，是否为偶数，boolean类型
	first：列表状态，是否为第一条，boolean类型
	last：列表状态，是否为最后一条，boolean类型 
	-->
	<table style="width:100%">
	    <tr align="left">
	        <th>网站名称</th>
	        <th>网址</th>
	        <th>state：index</th>
	        <th>state：count</th>
	        <th>state：size</th>
	        <th>state：current</th>
	        <th>state：even</th>
	        <th>state：odd</th>
	        <th>state：first</th>
	        <th>state：last</th>
	    </tr>
	    <tr th:each="obj, objVs : ${webDtoList}" align="left">
	        <td th:text="${obj.name}">名称</td>
	        <td th:text="${obj.url}">网址</td>
	        <td th:text="${objVs.index}">状态序号，从0开始</td>
	        <td th:text="${objVs.count}">状态序号，从1开始</td>
	        <td th:text="${objVs.size}">状态size</td>
	        <td th:text="${objVs.current.name}">状态 当前对象</td>
	        <td th:text="${objVs.even}">状态 奇数</td>
	        <td th:text="${objVs.odd}">状态 偶数</td>
	        <td th:text="${objVs.first}">状态 是否第一条</td>
	        <td th:text="${objVs.last}">状态 是否最后一条</td>
	    </tr>
	</table>
</body>
</html>